<html>
<head>
<title>Options</title>
<link
	rel="stylesheet"
	href="jquery-ui.css"
/>
<script
	src="jquery-1.8.3.js"
	type="text/javascript"
></script>
<script
	src="jquery-ui.js"
	type="text/javascript"
></script>
</head>
<body>
	<div
		id="status"
		style="font-weight: bold;"
	>&nbsp;</div>
	<br />
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Field Partners</a></li>
			<li><a href="#tabs-2">Settings</a></li>
			<li><a href="#tabs-3">About</a></li>
		</ul>
		<div id="tabs-1">
			<button id="save">Save Changes</button>
			<button id="fetch">Update List</button>
			<button id="reset">Reset Database</button>
			<a
				id="dbdl"
				style="float: right;"
			>Export Database</a> <br /> <br />
			<div id="list">
				<form action="">
					<table id="mfi_list">
						<tr>
							<th>Filter&nbsp;<img
								title="Entries where this checkbox is checked will be hidden while browsing Kiva."
								src="../gfx/help.png"
								alt="Help"
							/></th>
							<th>Highlight&nbsp;<img
								title="Entries where this checkbox is checked will be highlighted from other entries."
								src="../gfx/help.png"
								alt="Help"
							/></th>
							<th>Kiva&nbsp;Rating&nbsp;<img
								title="The Kiva rating for this MFI."
								src="../gfx/help.png"
								alt="Help"
							/></th>
							<th>Partner&nbsp;<img
								title="The name of the Kiva Partner."
								src="../gfx/help.png"
								alt="Help"
							/></th>
							<th>Comment&nbsp;<img
								title="Any comments you want to add to this Kiva Partner, like why you decided to filter or highlight it."
								src="../gfx/help.png"
								alt="Help"
							/></th>
						</tr>
					</table>
				</form>
			</div>
		</div>
		<div id="tabs-2">
			<button id="save2">Save Changes</button>
			<br /> <br />
			<form
				action=""
				style="height: 500px;"
			>
				<input
					type="checkbox"
					id="state"
					checked="checked"
				/> <label for="state">Filter on</label>&nbsp;<img
					title="Hides filtered MFIs if checked."
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="checkbox"
					id="showRatingStars"
					checked="checked"
				/> <label for="showRatingStars">Show ratings (enabling this may affect performance)</label>&nbsp;<img
					title="Displayes the MFI ratings as stars if checked."
					src="../gfx/help.png"
					alt="Help"
				/><br /> <br />
				<div style="width: 200px; height: 250px; float: right; font-size: 0.75em;">
					/*&nbsp;Use CSS syntax to customize how filtered and highlighted items should appear.&nbsp;*/ <br />
					<br />/*&nbsp;hide item&nbsp;*/<br />
					<code>display: none</code>
					<br /> <br />/*&nbsp;discreet light green background&nbsp;*/<br />
					<code>background-color: #DBF1DB</code>
				</div>
				<label for="realHidden">Code for filtered and invisible items:</label>&nbsp;<img
					title="This rule determines how filtered items are formated. Default is to hide them entirely."
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="text"
					id="realHidden"
					size="40"
				/><br /> <br /> <label for="colorHidden">Code for filtered but visible items:</label>&nbsp;<img
					title="This rule determines how filtered but manually re-displayed items are formated. Default is to color them light red."
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="text"
					id="colorHidden"
					size="40"
				/><br /> <br /> <label for="colorHighlight">Code for highlighted items:</label>&nbsp;<img
					title="This rule determines how highlighted (favorite) items are formated. Default is to color them light green."
					src="../gfx/help.png"
					alt="Help"
				/> <br /> <input
					type="text"
					id="colorHighlight"
					size="40"
				/>
			</form>
		</div>
		<div id="tabs-3">
			<div style="display: inline;">
				<a
					href="http://www.kiva.org/invitedto/environmental_lendors/by/toby9767"
					target="_blank"
				> <img
					src="../gfx/gogreen.jpg"
					alt=""
				/></a>
			</div>
			<div style="display: inline-block; vertical-align: top;">
				<span style="font-weight: bold;">MFI Filter for Kiva</span> v0.2<br /> <a
					style="text-decoration: none;"
					href="http://www.kiva.org/invitedto/environmental_lendors/by/toby9767"
					target="_blank"
				><span style="color: #4b9123; font-size: 0.75em; font-weight: bold;">Powered by Give
						Green</span></a>
			</div>
			<br />
			<div
				style="width: 500px; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 0.8em;"
			>License</div>
			<div
				style="width: 500px; height: 150px; overflow: scroll; margin-left: auto; margin-right: auto; font-size: 0.75em;"
			>
				<p>
					Copyright &copy; 2013 <a
						href="https://code.google.com/p/chrome-mfi-filter4kiva/"
						target="_blank"
					>https://code.google.com/p/chrome-mfi-filter4kiva/</a>
				</p>
				<p>This program is free software: you can redistribute it and/or modify it under the terms
					of the GNU General Public License as published by the Free Software Foundation, either version
					3 of the License, or (at your option) any later version.</p>
				<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
					without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See
					the GNU General Public License for more details.</p>
				<p>You should have received a copy of the GNU General Public License along with this
					program. If not, see &lt;http://www.gnu.org/licenses/&gt;.</p>
			</div>
			<br />
			<div style="text-align: center; font-size: 0.75em;">
				<span style="font-weight: bold; font-size: 0.8em;">Third-party content / contributions:</span><br />
				Icons: <a
					href="http://p.yusukekamiyamane.com"
					target="_blank"
				>p.yusukekamiyamane</a>, Options UI: <a
					href="https://adblockplus.org/en/chrome"
					target="_blank"
				>Adblock Plus</a>, <a
					href="http://jqueryui.com/tabs/"
					target="_blank"
				>jQuery UI</a>
			</div>
		</div>
	</div>
	<script
		src="options.js"
		type="text/javascript"
	></script>
</body>
</html>
